<!DOCTYPE html>
<html>


<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
	<title>Camridge Tutoring</title>
	<link rel="stylesheet" href="screen.css">
	<link rel="Shortcut Icon" href="favicon0.ico">
	<link href="css.css" rel="stylesheet" type="text/css">
	
	<!--[if lt IE 9]>
		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->


</head>

<body>

<header>

	<nav>
		<a href="#home"><img src="academic.png"></a>
			
		
		
		<ul id="nav">
			<li><a href="#home">Home</a></li>
			<li><a href="#portfolio">Services Provided</a></li>
			<li><a href="#about">How I can Help</a></li>
			<li><a href="#contact">Contact</a></li>
		</ul>
	</nav>
	
</header>

<section id="home">
	<section class="welcome">
   		<section class="speechbub spb1">
      		<span class="point"></span>  
      			<em>
      		  	
					<script>
							var now = new Date();
							var hour = now.getHours();
							if (hour > 12 && hour < 18)
							document.write('Good Afternoon');
							else if (hour < 12 )
							document.write('Good Morning');
							else
							document.write('Good Evening');
					</script>
					
				</em>
   		</section>
   			<h1>I'm Usama Khan, Pakistan based engineer and teacher. I focus strongly on forging harmonious balance between teaching and fun.</h1>   	
   	</section>	
   		
</section>

<section id="content">

<section class="calltoaction">

	<hgroup>
		<h4>I am currently <i>available</i> for tutions <i>within Faisalabad</i>, so do</h4>
		<a href="#contact">Contact Me</a>
	</hgroup>
	
</section>



<section id="portfolio">

	<section>
		<h5>I am good at</h5>
		
		<article>
			
				<img src="toolbox.jpg" >
				<h2>O/A Level's Toolbox</h2>
		
			<p>Topical revision guides providing information, inspiration and ideas. Best suited for final year students</p>
			<p><b>My Role:</b>&nbsp; Getting students know how to get A's</p>		
		</article>
			
		<article>
			
				<img src="topical.jpg">
				<h2>Sample Questions</h2>
			
			<p>Variety of questions to make student feel confident in every subject</p>
			<p><b>My Role:</b>&nbsp; Getting student know how to answer questions in the most relevant &amp; effective manner </p>	
		</article>	
		
		<article>
			
				<img src="explain.jpg" >
				<h2>Comprehensive Explaination</h2>
			
			<p>Materials to provide in-depth understanding of every aspect of a particular subject</p>
			<p><b>My Role:</b>&nbsp; Fundamental to advance explaination of every topic yet in the most comprehensible manner</p>	
		</article>	
		
		<article>
			
				<img src="yearly.jpg" >
				<h2>Yearly Specimen</h2>
			
			<p>Full fledge specimen papers to make student get the touch of real Cambridge style</p>	
			<p><b>My Role:</b>&nbsp; Trend analysis of previous cambridge exams, intelligible predicting of questionaire &amp; adequate marking scheme</p>
		</article>	
		
		<article>
			
				<img src="computer.jpg" >
				<h2>Computer aids</h2>
			
			<p>Math &amp; science animations to add fun to study</p>	
			<p><b>My Role:</b>&nbsp; Advance topics aided by infographics help kids to understand quickly </p>
		</article>
			
		<article>
			
				<img src="onlineteacher.gif" >
				<h2>Online interactions</h2>
			
			<p>Students outside Faisalabad too can benefit from the assessment material I own and continus to expand </p>	
			<p><b>My Role:</b>&nbsp; Use of video conferencing &amp; Google docs make collaboration easy for me as well as students</p>
		</article>	
				
	</section>
	
</section>

<section id="about">

	<section>
	
		<section class="blurb">
			<h5>Helping you!</h5>
			<article>
				<h3>Creative, Practical, Friendly, Professional and Reliable.<br>
				Find me socially on <a href="https://plus.google.com/109797290690746598973" target="_blank">Google Plus</a> and <a href="http://twitter.com/khanzmusing" target="_blank">Twitter</a>.
				</h3>
				<p>
Since early 2009, I have been handcrafting functional and creative resource materials for Cambridge students. Injecting a combination of fun and study to deliver innovative results. Whether you want me for 'syllabus completion' or 'final year revision', for me it's always about delivering relevant &amp; easily digestable content to the student. Put simply, I deliver clear and coherent study experiences with measurable results. If you're interested in effectively delivering the right education and effective content clearly to your children, then <a href="#contact">we should talk</a>.
				</p>
			</article>
		</section>
		
			<div class="divide_line"></div>​
				
		<section class="workflow">
			<ol>
				<li>
					<img src="book0000.jpg" >
					<h4>Research</h4>
					
					<p>Careful planning and research helps identify the probable question scheme of Cambridge exams. Examiner reports are consulted regularly for the quality of answers required   
					</p>
				</li>
				
				<li>
					<img src="design00.jpg" >
					<h4>Illustrations</h4>
					
					<p>Computer aided diagrams &amp; animations are introduced where understanding via conventional means isn't enough</p>
				</li>
				
				<li>
					<img src="develop0.jpg" >
					<h4>Computer</h4>
					
					<p>Finding tutors for O/A Level's computer subjects is difficult. Having done Cambridge education myself, students with computer as subject are given due consideration</p>
				</li>
				
				<li>
					<img src="grow0000.jpg" >
					<h4>Grow</h4>
					
					<p >Analysing student's academic results help me to find key areas of his or her weakness &amp; therefore implementing ways to mend those</p>
				</li>
			</ol>
		</section>

			<div class="divide_line"></div>​

		<section class="testimonials">
			<article>
				<h1>"Better than a thousand days of diligent study is one day with a great teacher."</h1>
				<p>Japanese proverb</p>
				<h1>"A child miseducated is a child lost."</h1>
				<p>John F. Kennedy</p>
			</article>	
		</section>

	</section>
</section>

<section id="contact">
	<section>
					<h1>We are so close to making magic!</h1>
					<p>Simply fill out the form below and I'll take care of the rest.</p>
										

			
		<span></span>
		<span></span>
		<span>			

			<section id="contact_form">
				<form class="contactform" method="post" action autocomplete="off">

					<fieldset>
		
						<label>Full Name</label>
						<input type="text" id="name" name="name" placeholder="e.g Mrs. Ahmad">
						
						<label>Residential Address</label>
						<input type="text" id="website" name="adrs" placeholder="e.g People Colony #2">
			
						<label>Email Address</label>
						<input type="email" id="email" name="email" placeholder="e.g name@example.com">
						
						<label>Phone Number</label>
						<input type="phone" id="phone" name="phone" placeholder="e.g 041 8668975">
						
						<label>What you want me to do</label>
						<textarea name="project" id="project" placeholder="e.g Details about student(s)"></textarea>
						
					</fieldset>

					<button class="button" type="submit">Let's talk</button>
			
				</form>
			</section>
		</span>
	</section>
</section>	
</section>

<footer>
	<section>
		<article>
		
			<h5>Contact Me</h5>
			<ul>
				<li><strong>Phone:</strong> 0345 7741844</li>
				<li><strong>Location:</strong> Pakistan, Faisalabad, People Colony #2</li>
			</ul>
			
		</article>

		<article>
		
			<h5>Sign Up</h5>
				<p>Join my educational forum </p>
				<p><a href="http://engineering.forumotion.info/register" target="_blank">Register Here</a></p>
		</article>
	</section>
</footer>
   
<!-- =======================================================================================
		JavaScript
 ======================================================================================= -->
 
<script type="text/javascript" src="jquery1.8.min.js"></script>
<script type="text/javascript" src="function.js"></script>
<script type="text/javascript" src="tinyscro.js"></script>
<script type="text/javascript" src="contact.js"></script>


		

</body>

</html>

